<link rel="stylesheet" href="css/caseBarStatistics.css">
<link rel="stylesheet" href="css/caseBarSchedule.css">
<link rel="stylesheet" type="text/css" href="css/feedback.css"/>
<!--统计-->
<div class="L_Statistic">
  <!--案件任务统计-->
  <div class="L_StatisticUp" style="width: 100%">
    <div class="L_StatisticLeft" style="width: 74%">
      <!--<div class="L_StatisticLeftTit">
        <span>今天完成了 <i>0</i>任务、</span>
        <span>新建了 <i>0</i>任务、</span>
        <span><i>0</i>个日程</span>
        <span><i>0</i>个话题、</span>
        <span><i>0</i>个文档、</span>
        <span><i>0</i>个文档、</span>
        <span>上传了<i>0</i>个文件。</span>
      </div>-->
      <div class="col-md-8 L_StatisticLeftCon clearfix">
        <p class="L_caseStatisticTit g-s-title">案件任务统计</p>
        <div class="L_caseTask" style="width: 150px;height: 150px">
          <!--<donut-chart config="config" data="taskStatistics" style=""></donut-chart>-->
          <div id="pie1" style="width: 150px;height: 150px"></div>
          <p>案件任务</p>
        </div>

        <div class="L_caseDelay" style="width: 150px;height: 150px">
          <!--<donut-chart config="config" data="taskStatistics2" style=""></donut-chart>-->
          <div id="pie2" style="width: 150px;height: 150px"></div>
          <p>延误率</p>
        </div>

        <div class="L_Dount">
          <ul class="clearfix">
            <li ng-repeat="caseTaskStatis in caseTaskStatistics">
              <p class="L_DountP1" style="color: #ff7432;font-size: 36px;">{{caseTaskStatis.cnt}}</p>
              <p>{{caseTaskStatis.flag}}</p>
            </li>
            <!--<li>-->
              <!--<p class="L_DountP1" style="color: #e0072c;font-size: 36px;">{{}}</p>-->
              <!--<p>延误任务</p>-->
            <!--</li>-->
            <!--<li>-->
              <!--<p class="L_DountP1" style="color: #00bda5;font-size: 36px;">26</p>-->
              <!--<p>已完成任务</p>-->
            <!--</li>-->
            <!--<li>-->
              <!--<p class="L_DountP1" style="color: #000;font-size: 36px;">42</p>-->
              <!--<p>总任务</p>-->
            <!--</li>-->
          </ul>
        </div>
      </div>
    </div>
    <div class="L_StatisticRight" >
      <div class="L_StatisticRight-box" onload="startTime()">
        <h2>{{today|date:'yyyy'}}</h2>
        <ul class="clearfix">
          <li class="clearfix">
            <img src="img/z-kuang.png" alt="">
            <span>{{today|date:'MM'}}</span>
          </li>
          <li class="clearfix">
            <img src="img/z-kuang.png" alt="">
            <span>{{today|date:'dd'}}</span>
          </li>
        </ul>
        <p>{{showWeek()}}</p>
        <p style="color:#33FFFF"><span id="nowDateTimeSpan"></span></p>
        <p>{{today|date:'yyyy年MM月dd日'}}</p>
        <!--<button class="Closed-btn">结案</button>-->
      </div>
    </div>

  </div>
  <!--企业每日新增和完成任务的趋势-->
  <div class="L_StatisticCon" style="width: 100%;height: 400px;">
    <!--<line-chart config="config" data="data"></line-chart>-->
    <div class="g-addQs" style="height: 400px;">
        <div style="height: 380px;padding:30px 20px 0px;box-sizing: border-box;" id="line"></div>
          <!--<area-chart config="TrendStatistics.config" data="TrendStatistics" style="background-color:deepskyblue;height: 300px"></area-chart>-->
      </div>
  </div>
  <!--任务阶段&&项目成员-->
  <div class="L_StatisticDown" style="width: 100%;height: 400px;">
    <div class="L_StatisticDownR" style="width: 100%;height: 400px;">
      <div style="height: 380px;padding:30px  20px 0px;box-sizing: border-box;" id="bar"></div>
      <!--<bar-chart config="projectMemberStatistics.config" data="projectMemberStatistics.data" style="background-color:deepskyblue;height: 300px" ></bar-chart>-->
    </div>
</div>
</div>
<script>
  /*设置屏幕高度*/
  (function () {
    setHeight();
    function setHeight() {
      var height = $(window).height()-170 + 'px';
      $(".L_Statistic").css("height",height);
    };
    $(window).resize(function() {
      setHeight();
    });
  }());
</script>
<!--<script>-->
  <!--function startTime(){-->
    <!--var today=new Date();//定义日期对象-->
    <!--var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年-->
    <!--var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回年-->
    <!--var dd = today.getDate();//通过日期对象的getDate()方法返回年-->
    <!--var hh=today.getHours();//通过日期对象的getHours方法返回小时-->
    <!--var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟-->
    <!--var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒-->
    <!--// 如果分钟或小时的值小于10，则在其值前加0，比如如果时间是下午3点20分9秒的话，则显示15：20：09-->
    <!--MM=checkTime(MM);-->
    <!--dd=checkTime(dd);-->
    <!--mm=checkTime(mm);-->
    <!--ss=checkTime(ss);-->
    <!--var day; //用于保存星期（getDay()方法得到星期编号）-->
    <!--if(today.getDay()==0)   day   =   "星期日 ";-->
    <!--if(today.getDay()==1)   day   =   "星期一 ";-->
    <!--if(today.getDay()==2)   day   =   "星期二 ";-->
    <!--if(today.getDay()==3)   day   =   "星期三 ";-->
    <!--if(today.getDay()==4)   day   =   "星期四 ";-->
    <!--if(today.getDay()==5)   day   =   "星期五 ";-->
    <!--if(today.getDay()==6)   day   =   "星期六 ";-->
    <!--document.getElementById('nowDateTimeSpan').innerHTML = yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+"   " + day;-->
    <!--setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法-->
  <!--}-->

  <!--function checkTime(i)-->
  <!--{-->
    <!--if (i<10){-->
      <!--i="0" + i;-->
    <!--}-->
    <!--return i;-->
  <!--}-->
<!--</script>-->
